<template>
	<div class="panel">
		<h4>{{ $t('panel.title.' + title_key) }}</h4>
		<slot name="content"></slot>
	</div>
</template>

<script type="text/ecmascript-6">
export default {
	props: {
		// 标题key，从i18n中获取
		title_key: {
			type: String,
			default: 'default'
		}
	}
}
</script>

<style lang="scss" scoped>
.panel {
	position: relative;
	background: $default-background-color;
	border-left: 1px solid $default-border-color;
	h4 {
		font-size: 17px;
		padding: 15px 23px;
		text-align: left;
		border-left: 5px solid $default-title-hover-color;
		border-bottom: 1px dashed $default-header-border-color;
	}
}
</style>
